*{margin:0;padding:0;}
body{color: #706866;}
a{text-decoration:none;color: #666;}
a:hover{text-decoration: none !important;}
ul{list-style:none;}
.flex{display:flex;justify-content:space-between;align-items:center;flex-wrap: wrap;}
.same{width: 100%;padding:20px 0;}
.center{width:85%;margin:0 auto;}
/*  index: header */
.header{background-color:#012847;color:#fff;}
.header img {width:25px ;height: 25px;}
.header_left{width:15%;margin: 20px 0;}
.header_right{width: 35%;}
.emli p{line-height:25px;margin:0 0 0 10px;}
/*  index: nav */
.nav{background-color: #f0f0f0;}
.nav .logo {width:20%;}
.nav .logo img{display:block;width:100%;}
.nav ul{width:40%;}
.nav ul li{width:20%;}
.nav ul li a{display:block;width:100%; color:black;font-weight:bold;text-align: center;}
.nav ul li a:hover{color:#fba01c;}
.active{color:#fba01c !important;}
/* index :banner */
.banner{width: 100%;background: url(../img/banner.png)no-repeat;background-size: 100% 100%;color: #fff;text-align: center;height:500px;padding: 100px 0;}
.banner h1{font-size:45px;font-weight: bold;}
.banner p{font-size:20px;}
.search{width:40%;margin:50px auto;background-color:rgba(216, 211, 205, 0.85);padding:1% 0;}
.search input{line-height: 35px;border-radius:10px;background-color: #fff;border: 0;width: 50%;padding:0 5px;box-sizing: border-box;}
.search button{background-color:#fd9c0d;width:25%;line-height:35px;border: 0;border-radius:10px;padding:0 5px;box-sizing: border-box;font-weight: bold;color: #012847;}
.paris{margin: 100px 0 100px 0;}


.ccenter{background-color: #F4F3EE;width: 100%;}
.centers{width: 1000px;margin: 0 auto;display: flex;justify-content: space-between;padding: 30px 0;}
.centerLeft{width: 75%;column-count: 3;}
.centerRight{width: 24%;}
.centerleftOne{width: 235px;-webkit-column-break-inside: avoid;break-inside: avoid;counter-increment:  item-counter;background-color: #fff;border-radius: 5px;margin-bottom: 30px;}
.centerleftOne:hover{transform: scale(1.1,1.1)}
.centerleftOne span{color: #F79D43;}
.centerleftOne p{padding: 10px 0 10px 10px;}
.centerleftOne img{width: 100%;display: block;}
.p3{color: #000;font-size: 20px;font-weight: bold;border-bottom: #ccc 1px solid;}
.centerrightOne{width: 235px;margin-bottom: 30px;}
.centerrightOne p{padding: 10px;}
.centerrightOne img{width: 100%;display: block;height: 120px;}
.count{margin-top: 20px;background-color: #fff;border-radius: 5px;padding: 10px;}
.p4{color: #000;font-size: 20px;font-weight: bold}
.one-container {width: 100%;height: 3px;border-radius: 25px;background: #eee;margin: 0 auto;}
.one-progress {width: 20%;height: inherit;background: #FC9B19;}
.centerrightTwo{background-color: #fff;padding: 10px;margin-bottom: 30px;border-radius: 5px;}
.centerrightTwos{display: flex;justify-content: space-between;margin: 20px 0;}
.centerrightTwos img{width: 40px;height: 50px;}
.crtRight{width: 140px;}
.two-container {width: 100%;height: 3px;border-radius: 25px;background: #eee;margin: 10px 0;}
.two-progress {width: 90%;height: inherit;background: #FC9B19;}
.centerrightThree{background-color: #fff;padding: 10px;border-radius: 5px;}
.three-container {width: 100%;height: 3px;border-radius: 25px;background: #eee;margin: 10px 0;}
.three-progress {width: 40%;height: inherit;background: #FC9B19;}
.dropbtn {background-color: #E9E9E9;color: #989997;padding: 8px;cursor: pointer;width: 92%;}
.dropdown {position: relative;display: inline-block;width: 100%;margin: 25px 0;}
.dropdown span img{width: 20px;display: block;margin-left: 190px;margin-top: -18px;}
.dropdown-content {display: none;position: absolute;background-color: #f9f9f9;min-width: 100%;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);}
.dropdown-content a { color: black;padding: 12px 16px;text-decoration: none;display: block;}
.dropdown-content a:hover {background-color: #f1f1f1}
.dropdown:hover .dropdown-content {display: block;}
.centerrightFour{background-color: #fff;padding: 10px;border-radius: 5px;}
.four-container {width: 100%;height: 3px;border-radius: 25px;background: #eee;margin: 10px 0;}
.four-progress {width: 30%;height: inherit;background: #FC9B19;}
.centerrightFours{display: flex;flex-direction: column;margin: 20px 0;}
.crfOne{display: flex;}
.crfOne img{width: calc(100%/3);height: 55px;;display: block;}
.centerrightFive{background-color: #fff;padding: 10px;border-radius: 5px;}
.centerrightFives{margin: 10px 0;}
.may{border-bottom: #E3E3E3 2px solid;padding: 15px 0;}
.may a{text-decoration: none;color: #989997;}
.may img{width: 10px;padding-right:5px;}

.bottom{background-color:#26232c; color: #706866 !important;}
.flexs{display: flex;justify-content: space-between;flex-wrap: wrap;}
.botTop_left{width:28%;}
.botTop_left p{line-height:25px;margin-top: 15px;}
.botTop_left img{display: block;width: 75%;}
.botTop_left h3{color: #fff;line-height: 50px;margin-top: 0;}
.botTop_left input{background-color:#26232c;border: 1px solid #ccc;width:100%;line-height: 40px;padding: 0 10px;box-sizing: border-box;margin:10px 0;}
.botTop_left button{background-color: #fd9c0d;line-height:40px;border: 0;text-align: center;width: 50%;color: #fff;}
.photos{margin-top: 30px;}
.photos img{width: 30% ;display: block;}
.bottoms{text-align: center;font-style: oblique;background-color:#312e37;color: #706866;}




@media screen and (max-width:1024px){
 .header_left{width: 100%;text-align: left;}
 .header_right{width: 100%;text-align: left;}
 .top>.flex{justify-content: flex-start;}
 .emli{margin-right:30px;}

 /* nav */

 .nav .logo {width: 100%;}
 .nav .logo img{display:block;width:30%;}
 .nav ul{width: 100%;margin: 20px 0;}
 .nav ul li a{text-align: left;}
 /* banner */
 .banner_cot{width: 100%;}
 .search{width:100%;}
 .search input{width:70%;line-height: 45px;}
 .search button{width:40%;line-height: 45px;}
 .centers{width: 100%;flex-wrap: wrap;}
.centerLeft{width: 100%;column-count: 1;}
.centerRight{width: 100%;}
.centerleftOne{width: 98%;margin:0 auto 25px;}
.centerrightOne{width: 98%;margin-bottom: 30px;margin: 0 auto;}
.one-progress {width: 10%;}
.centerrightTwo{width: 98%;margin: 30px auto;box-sizing: border-box;}
.centerrightTwos{flex-wrap: wrap;}
.centerrightTwos img{width: 100%;height: 300px;}
.two-progress {width: 26%;}
.crtLeft{width: 90%;}
.crtRight{width: 100%;}
.three-progress {width: 10%;}
.centerrightThree{width: 98%;margin: 0 auto 30px;box-sizing: border-box;}
.four-progress {width: 8%;}
.centerrightFour{width: 98%;margin: 0 auto 30px;box-sizing: border-box;}
.crfOne{flex-wrap: wrap;width: calc(100%/4);}
.centerrightFours{flex-direction: row;width: 80%;}
.crfOne img{margin-right: 10px;width: 98%;}
.crtRight{vertical-align: auto;margin-top: 10px;}
.centerrightFive{width: 98%;margin: 0 auto 30px;box-sizing: border-box;}
.dropbtn {width: 100%;box-sizing: border-box;}
.dropdown span img{margin-left: 98%;}

}

.all_page{
 padding: 0 100px;
}
.all_page span{
 display: inline-block;
 width: 30px;
 height: 30px;
 margin: 0 2%;
 text-align: center;
 border: 1px solid;
 font-size: 16px;
 line-height: 30px;
 border-radius: 10px
}
.all_page span:nth-child(1) {
 color: rgb(0,131,205);
}
